
<div class="fluent-month" b-bgn9u4guxz="">
  <div class="fluent-year" b-bgn9u4guxz="">
    <div b-bgn9u4guxz="">
      <div class="title" part="title" aria-label="2022 - 2033" b-bgn9u4guxz="">
        <div part="label" class="label" blazor:onclick="16" b-bgn9u4guxz="">2022 - 2033</div>
        <div part="move" class="change-period" b-bgn9u4guxz="">
          <div class="previous" title="2010 - 2021" blazor:onclick="17" b-bgn9u4guxz="">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="var(--neutral-fill-strong-focus)" xmlns="http://www.w3.org/2000/svg">
              <path d="M4.2 10.73a.75.75 0 001.1 1.04l5.95-6.25v14.73a.75.75 0 001.5 0V5.52l5.95 6.25a.75.75 0 001.1-1.04l-7.08-7.42a1 1 0 00-1.44 0L4.2 10.73z"></path>
            </svg>
          </div>
          <div class="next" title="2034 - 2045" blazor:onclick="18" b-bgn9u4guxz="">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="var(--neutral-fill-strong-focus)" xmlns="http://www.w3.org/2000/svg">
              <path d="M19.8 13.27a.75.75 0 00-1.1-1.04l-5.95 6.25V3.75a.75.75 0 10-1.5 0v14.73L5.3 12.23a.75.75 0 10-1.1 1.04l7.08 7.42a1 1 0 001.44 0l7.07-7.42z"></path>
            </svg>
          </div>
        </div>
      </div>
      <div class="years" part="years" b-bgn9u4guxz="">
        <div class="year" selected="" aria-label="2022" title="2022" value="2022" blazor:onclick="19" b-bgn9u4guxz="">2022</div>
        <div class="year" aria-label="2023" title="2023" value="2023" blazor:onclick="20" b-bgn9u4guxz="">2023</div>
        <div class="year" aria-label="2024" title="2024" value="2024" blazor:onclick="21" b-bgn9u4guxz="">2024</div>
        <div class="year" aria-label="2025" title="2025" value="2025" blazor:onclick="22" b-bgn9u4guxz="">2025</div>
        <div class="year" aria-label="2026" title="2026" value="2026" blazor:onclick="23" b-bgn9u4guxz="">2026</div>
        <div class="year" aria-label="2027" title="2027" value="2027" blazor:onclick="24" b-bgn9u4guxz="">2027</div>
        <div class="year" aria-label="2028" title="2028" value="2028" blazor:onclick="25" b-bgn9u4guxz="">2028</div>
        <div class="year" aria-label="2029" title="2029" value="2029" blazor:onclick="26" b-bgn9u4guxz="">2029</div>
        <div class="year" aria-label="2030" title="2030" value="2030" blazor:onclick="27" b-bgn9u4guxz="">2030</div>
        <div class="year" aria-label="2031" title="2031" value="2031" blazor:onclick="28" b-bgn9u4guxz="">2031</div>
        <div class="year" aria-label="2032" title="2032" value="2032" blazor:onclick="29" b-bgn9u4guxz="">2032</div>
        <div class="year" aria-label="2033" title="2033" value="2033" blazor:onclick="30" b-bgn9u4guxz="">2033</div>
      </div>
    </div>
  </div>
</div>